<template>
    <div id="dashboard">
        <div class="top-container">
            
        </div>
        <div class="content-container">
            <el-table :data="data" size="small">
                <el-table-column prop="product_code" label="商品编码">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.product_code"  placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="product_name" label="商品名称">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.product_name" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="model" label="商品型号">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.model" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="warehouse" label="所属仓库">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.warehouse" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="batch" label="批次">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.batch" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="status" label="产品状态">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.status" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="drawback" label="退税">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.drawback" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="num" label="数量">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.num" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="unit" label="单位">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.unit" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="amount" label="价格">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.amount" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
                <el-table-column prop="remark" label="明细备注">
                    <temolate slot-scope="scope">
                        <el-input v-model="scope.row.remark" placeholder="请输入内容"></el-input>
                    </temolate>
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
export default {
    name: "dashboard",
    data() {
        return {
            // 表单数据
            data: [
                {
                    product_code: '',
                    product_name: '',
                    model: '',
                    warehouse: '',
                    batch: '',
                    status: '',
                    drawback: '',
                    num: '',
                    unit: '',
                    amount: '',
                    remark: ''
                }
            ],
            warehouse: [
                {
                    id: 1,
                    name: '深圳仓库'
                }
            ]
        };
    },
    methods: {
        test()
        {

        }
    }
};
</script>

<style lang="scss" scoped>
    #dashboard {

    }
</style>